<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>猜数字游戏</title>
</head>
<body>
<tr>
  <td><input type="text" id="numId" ></td>
  <td><button onclick="guess()">猜</button>
  <td> <span id="resultSpan"></span></td>
</tr>

<script>
  // 定义随机生成的数字范围
  const directive = 100;

  // 生成1到100之间的随机整数
  function getRandom() {
    return Math.floor(Math.random() * directive) + 1;
  }

  // 调用随机生成函数
  let targetNumber = getRandom();

  // 定义猜测逻辑
  function guess() {
    const inputValue = parseInt(document.getElementById('numId').value);

    if (isNaN(inputValue)) {
      document.getElementById('resultSpan').innerHTML = '请输入数字！';
      return;
    }

    if (inputValue < targetNumber) {
      document.getElementById('resultSpan').innerHTML = '小了';
    } else if (inputValue > targetNumber) {
      document.getElementById('resultSpan').innerHTML = '大了';
    } else {
      document.getElementById('resultSpan').innerHTML = '猜对了！';
      // 提示用户可以重新开始游戏
      document.getElementById('numId').value = '';
      document.getElementById('resultSpan').innerHTML = '猜对了!';
      // 重置游戏
      targetNumber = getRandom();
    }
  }

  // 清除输入并重新开始游戏
  function restartGame() {
    document.getElementById('numId').value = '';
    document.getElementById('resultSpan').innerHTML = '猜对了，重新开始!';
    targetNumber = getRandom();
  }
</script>
</body>
</html>
